<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>layui</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="../../../static/font-awesome-4.7.0/css/font-awesome.min.css" >
	<link rel="stylesheet" href="../../../static/vui/css/vui.css">
	<script type="text/javascript" src="../../../static/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="../../../static/layer/layer.js"></script>
	<script type="text/javascript" src="../../../static/laydate/laydate.js"></script>
	<script type="text/javascript" src="../../../static/js/common.js"></script>
	<script type="text/javascript" src="../../../static/vui/js/vui.js"></script>
	<script type="text/javascript" src="../../../static/vui/js/datagrid.js"></script>
	<script type="text/javascript" src="../../../static/js/basic/product_add.js"></script>
</head>
<body>

<div id="formArea">
	<div class="vui-tab" id="tabs">
		<ul class="vui-tab-head">
			<li class="active"> <a tid="#a" >基本信息</a> </li>
			<li > <a tid="#b">多级单位</a> </li>
			<li> <a tid="#c">多级价格</a> </li>
		</ul>
		<div class="vui-tab-body">
			<div class="vui-tab-page active" id="a">

				<input type="hidden" value="-1" name="product.id"/>
				<table class="table">
					<tr>
						<td>
							<label class="label required">商品名称</label>
						</td>
						<td>
							<input type="text" class="input" name="product.name"  autocomplete="off"/>
						</td>
						<td>
							<label class="label">商品条码</label>
						</td>
						<td>
							<input type="text" class="input" name="product.barcode" autocomplete="off" placeholder="商品唯一条码"/>
						</td>
					</tr>
					<tr>
						<td>
							<label class="label required">商品分类</label>
						</td>
						<td>
							<div id="productType"></div>
						</td>
						<td>
							<label class="label required">商品编码</label>
						</td>
						<td>
							<input type="text" class="input" name="product.code" autocomplete="off" placeholder="商品唯一编码"/>
						</td>
					</tr>
					<tr>
						<td>
							<label class="label required">计量单位</label>
						</td>
						<td>
							<div id="unitId"></div>
						</td>
						<td>
							<label class="label required">使用机构</label>
						</td>
						<td>
							<div id="companyId"></div>
						</td>
						</tr>
					<tr>
						<td>
							<label class="label">规格型号</label>
						</td>
						<td>
							<input type="text" class="input" name="product.model" autocomplete="off"/>
						</td>
						<td>

						</td>
						<td>
							</td>
					</tr>
					<tr>
						<td>
							<label class="label">采购价</label>
						</td>
						<td>
							<input type="text" n="money" value="0.00" class="input" name="product.purchasePrice" autocomplete="off" placeholder="单位（元）"/>
						</td>
						<td>
							<label class="label">销售价</label>
						</td>
						<td>
							<input type="text" n="money" value="0.00" class="input" name="product.salePrice" autocomplete="off" placeholder="单位（元）"/>
						</td>
					</tr>
					<tr>
						<td>
							<label class="label">商品备注</label>
						</td>
						<td colspan="3">
							<input type="text" maxlength="30" class="input" style="width: 574px" name="product.comments" autocomplete="off"/>
						</td>
					</tr>
					<tr>
						<td colspan="4" style="text-align: left;">
							<input type="checkbox" style="display:inline-block;vertical-align:middle;margin-bottom:2px;" id="enableBatch"/><label style="margin-right:100px;" class="label" for="enableBatch">启用批次管理</label>
                            <input type="checkbox" style="display:inline-block;vertical-align:middle;margin-bottom:2px;" id="enableSn"/><label class="label" for="enableSn">启用SN码管理</label>
						</td>
					</tr>
					<tr>
						<td colspan="4" style="text-align: left;">
							<input type="checkbox" style="display:inline-block;vertical-align:middle;margin-bottom:2px;" id="enableFine"/><label class="label" for="enableFine">启用保质期管理</label>

							<label n="fineDate" style="margin-left:15px;display: none;">保质期天数</label><input value="0" n="fineDate" type="number" style="width:100px;margin-left:15px;display: none;" class="input" name="product.fineDays"  autocomplete="off"/>
							<label n="fineDate" style="margin-left:15px;display: none;">预警天数</label><input value="0" n="fineDate" type="number" style="width:100px;margin-left:15px;display: none;" class="input" name="product.warnDays"  autocomplete="off"/>
						</td>
					</tr>
					<tr>
						<td colspan="4" style="text-align: left;">
							<input type="checkbox" style="display:inline-block;vertical-align:middle;margin-bottom:2px;" id="enableStore"/><label class="label" for="enableStore">启用库存预警</label>

							<label n="storeWarning" style="margin-left:15px;display: none;">&nbsp;&nbsp;&nbsp;&nbsp;最小库存数</label><input value="0" n="storeWarning" type="number" style="width:100px;margin-left:15px;display: none;" class="input" name="product.storeMin"  autocomplete="off"/>
							<label n="storeWarning" style="margin-left:15px;display: none;">最大库存</label><input value="0" n="storeWarning" type="number" style="width:100px;margin-left:15px;display: none;" class="input" name="product.storeMax"  autocomplete="off"/>
						</td>
					</tr>
				</table>

			</div>
			<div class="vui-tab-page" id="b">
				<div style="padding: 15px 15px 15px 15px;">
					主单位是最小单位
					<br/><br/>
					换算率：辅助单位 = 主单位 * 换算率
					<br/><br/>
					示例：箱 = 件 * 12
					<br/><br/>
					箱是辅助单位  件是主单位  换算率 12
				</div>

				<div id="grid"></div>
			</div>
			<div class="vui-tab-page" id="c">
				<table class="table">
					<tr>
						<td>
							<label class="label">一级价</label>
						</td>
						<td>
							<input type="text" class="input" name="productPrice.price1"  n="money" placeholder="单位（元）" autocomplete="off"/>
						</td>
						<td>
							<label class="label">二级价</label>
						</td>
						<td>
							<input type="text" class="input" name="productPrice.price2" n="money" placeholder="单位（元）" autocomplete="off"/>
						</td>
					</tr>
					<tr>
						<td>
							<label class="label">三级价</label>
						</td>
						<td>
							<input type="text" class="input" name="productPrice.price3" n="money" placeholder="单位（元）" autocomplete="off"/>
						</td>
						<td>
							<label class="label">四级价</label>
						</td>
						<td>
							<input type="text" class="input" name="productPrice.price4" n="money" placeholder="单位（元）" autocomplete="off"/>
						</td>
					</tr>
					<tr>
						<td>
							<label class="label">五级价</label>
						</td>
						<td>
							<input type="text" class="input" name="productPrice.price5" n="money" placeholder="单位（元）" autocomplete="off"/>
						</td>

					</tr>
				</table>
			</div>
		</div>
	</div>


</div>

</body>
</html>